var lineChartData = {
	labels : ["January", "February", "March", "April", "May", "June", "July"], // input data
	datasets : [ 
	    {
	    	label: "My First dataset",
            fillColor: "rgba(220,220,220,0.5)",
            strokeColor: "rgba(220,220,220,0.8)",
            highlightFill: "rgba(220,220,220,0.75)",
            highlightStroke: "rgba(220,220,220,1)",
            data: [65, 59, 80, 81, 56, 55, 40]
		},
		{
            label: "My Second dataset",
            fillColor: "rgba(151,187,205,0.5)",
            strokeColor: "rgba(151,187,205,0.8)",
            highlightFill: "rgba(151,187,205,0.75)",
            highlightStroke: "rgba(151,187,205,1)",
            data: [28, 48, 40, 19, 86, 27, 90]
        }
	],
};

var dataSet = [
               ["1","Internet Explorer 4.0","Win 95+","4"],
               ["2","Internet Explorer 4.0","Win 95+","5"],
               ["3","Internet Explorer 4.0","Win 95+","6"],
              ]; // input data

$(document).ready(function() {
	var ctx = document.getElementById("myChart").getContext("2d");
	window.myLine = new Chart(ctx).Bar(lineChartData, {
		responsive : true,
	});
	
	$('#customerStatisticDataTable').DataTable({
		"data": dataSet,
		"oLanguage": {
            "oPaginate": {
                          "sFirst": "หน้าแรก",// ปุ่มกลับมาหน้าแรก
                          "sLast": "หนัาสุดท้าย",//ปุ่มไปหน้าสุดท้าย
                          "sNext": "ถัดไป", //ปุ่มหน้าถัดไป
                          "sPrevious": "ก่อนหน้า" // ปุ่ม กลับ
                        	  },
             "sLengthMenu": "แสดง _MENU_ รายการ ต่อหน้า",  
             "sZeroRecords": "ไม่พบข้อมูลที่ค้นหา", 
             "sInfo": "แสดง _START_ ถึง _END_ จากทั้งหมด _TOTAL_ รายการ",
             "sEmptyTable": "ไม่พบรายการข้อมูล",
             "sLoadingRecords": "ระบบกำลังประมวลผล กรุณารอซักครู่",
             "sProcessing": "ประมวลผลข้อมูล",
             "sInfoEmpty": "ไม่พบรายการข้อมูลที่แสดง",
             "sInfoFiltered": "(จากทั้งหมด _MAX_ รายการ)",  
             "sSearch": "ค้นหา :"
        },
		searching: true,
		"aoColumns" : [ {"sTitle": "ลำดับ", sClass: "alignCenter", "bSortable": false, sWidth: '10%'},
		                {"sTitle": "รหัสพนักงาน", sClass: "alignCenter", "bSortable": false, sWidth: '30%'},
		                {"sTitle": "ชื่อ - นามสกุล", "bSortable": false, sWidth: '32%'},
		                {"sTitle": "หน่วยที่ใช้", sClass: "alignCenter", "bSortable": false, sWidth: '30%'},
		               ],
		"bPaginate": false,
//		"bInfo" : false,
		"sPaginationType" : "full_numbers",// แสดงตัวแบ่งหน้า
		"bLengthChange": true, // แสดงจำนวน record ที่จะแสดงในตาราง
		
		"iDisplayLength": 10, // กำหนดค่า default ของจำนวน record 
		"bScrollCollapse": true,
//		"aLengthMenu": [
//		                [10, 25, 50, 100, -1], // จำนวนที่แสดงในตาราง
//		                [10, 25, 50, 100, "ทั้งหมด"] // จำนวนที่ให้เลือก
//		 ],
//		 "bProcessing": true,    // เขียนโค้ดโดยระบุให้ไปดึงข้อมูลจากไฟล์ getDataTable มาทำงาน โดยเอาข้อมูลที่ได้มาแสดงใน table
//       "bServerSide": true,
//       "sAjaxSource": "../ACM4101Srvl?process_type=getDataTable"	
	});
});

